Vue 项目的真机联调
查看内网IP地址
在命令行中输入命令:1
2
3
4# Windows:
ipconfig/all
# Mac:
ifconfig修改 webpack 内置的 devServer
方法一:
修改 package.json 中的命令1
2
3
4// 修改前的:
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
// 修改后的:
"dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js"
方法二:
修改 config 目录下的 index.js 文件1
host: '0.0.0.0'
- 真机调试
打开浏览器或手机
输入以下地址并访问:
将http://localhost:8080
中的localhost
改为内网IP地址:http://YourIntranetIPAddress:8080